<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>EU elections</title>
<link type="text/css" href="styles/reset.css" media="screen"  rel="stylesheet"/>
<link type="text/css" href="styles/style.css" media="screen" rel="stylesheet"/>
<!--[if IE ]><link rel="stylesheet" href="styles/ie.css" type="text/css" media="screen"><![endif]-->
<!--[if IE 6 ]><link rel="stylesheet" href="styles/ie6.css" type="text/css" media="screen"><![endif]-->
<!--[if IE 8 ]><link rel="stylesheet" href="styles/ie8.css" type="text/css" media="screen"><![endif]-->
</head>
<body>
<br />
<br />
<br />
<br />
<div id="euVideos">
  <ul class="main">
    <li class="content" id="inactiveTab">
      <div class="videoPanel">
        <h2><a href="#" title="Videos">Videos</a></h2>
        <div id="videos">
          <h3>About Questions for Europe</h3>
          <div class="mainVideo"></div>
          <ul class="videoList">
            <li>
              <div class="thumbnail"><a href="#" title=""><img src="#" alt=""/></a>
                <p class="duration">9:41</p>
              </div>
              <p class="title">Video title that cuts</p>
              <p class="author">Video creator</p>
              <p class="rating"><span>*</span><span>*</span><span>*</span><span class="off"></span><span class="off"></span></p>
            </li>
            <li>
              <div class="thumbnail"><a href="#" title=""><img src="#" alt=""/></a>
                <p class="duration">9:41</p>
              </div>
              <p class="title">Video title that cuts</p>
              <p class="author">Video creator</p>
              <p class="rating"><span>*</span><span>*</span><span>*</span><span class="off"></span><span class="off"></span></p>
            </li>
            <li>
              <div class="thumbnail"><a href="#" title=""><img src="#" alt=""/></a>
                <p class="duration">9:41</p>
              </div>
              <p class="title">Video title that cuts</p>
              <p class="author">Video creator</p>
              <p class="rating"><span>*</span><span>*</span><span>*</span><span class="off"></span><span class="off"></span></p>
            </li>
            <li>
              <div class="thumbnail"><a href="#" title=""><img src="#" alt=""/></a>
                <p class="duration">9:41</p>
              </div>
              <p class="title">Video title that cuts</p>
              <p class="author">Video creator</p>
              <p class="rating"><span>*</span><span>*</span><span>*</span><span class="off"></span><span class="off"></span></p>
            </li>
            <li>
              <div class="thumbnail"><a href="#" title=""><img src="#" alt=""/></a>
                <p class="duration">9:41</p>
              </div>
              <p class="title">Video title that cuts</p>
              <p class="author">Video creator</p>
              <p class="rating"><span>*</span><span>*</span><span>*</span><span class="off"></span><span class="off"></span></p>
            </li>
            <li>
              <div class="thumbnail"><a href="#" title=""><img src="#" alt=""/></a>
                <p class="duration">9:41</p>
              </div>
              <p class="title">Video title that cuts</p>
              <p class="author">Video creator</p>
              <p class="rating"><span>*</span><span>*</span><span>*</span><span class="off"></span><span class="off"></span></p>
            </li>
            <li>
              <div class="thumbnail"><a href="#" title=""><img src="#" alt=""/></a>
                <p class="duration">9:41</p>
              </div>
              <p class="title">Video title that cuts</p>
              <p class="author">Video creator</p>
              <p class="rating"><span>*</span><span>*</span><span>*</span><span class="off"></span><span class="off"></span></p>
            </li>
            <li>
              <div class="thumbnail"><a href="#" title=""><img src="#" alt=""/></a>
                <p class="duration">9:41</p>
              </div>
              <p class="title">Video title that cuts</p>
              <p class="author">Video creator</p>
              <p class="rating"><span>*</span><span>*</span><span>*</span><span class="off"></span><span class="off"></span></p>
            </li>
          </ul>
          <a href="#" class="btn previous" title="previous">&lt; Previous</a> <a href="#" title="next" class="btn next">Next &gt;</a> </div>
      </div>
    </li>
    <li class="content"  id="activeTab">
      <div class="pollPanel">
        <h2><a href="#" title="Have Your Say">Have Your Say</a></h2>
        <div id="poll">
          <ol>
            <li id="active">
              <div class="q1" >
                <h3><a href="#" title="">Should the EU legislate against illegal internet downloading?</a></h3>
                <div class="vote">
                  <div class="yes">
                    <h4><a href="#" title="">Yes</a></h4>
                    <h5><span class="number2">2</span><span class="number2">5</span><span class="percent">%</span></h5>
                    <div class="result"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div>
                  </div>
                  <div class="no">
                    <h4><a href="#" title="">No</a></h4>
                    <h5><span class="number7">7</span><span class="number2">5</span><span class="percent">%</span></h5>
                    <div class="result"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div>
                  </div>
                  <div class="video"> </div>
                </div>
              </div>
            </li>
            <li>
              <div  class="q2">
                <h3><a href="#" title="">Brussels? Strasbourg? Should the European Parliament be based in only one of these cities?</a></h3>
                <div class="vote">
                  <div class="yes">
                    <h4><a href="#" title="">Yes</a></h4>
                    <h5><span class="number2">2</span><span class="number2">5</span><span class="percent">%</span></h5>
                    <div class="result"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div>
                  </div>
                  <div class="no">
                    <h4><a href="#" title="">No</a></h4>
                    <h5><span class="number7">7</span><span class="number2">5</span><span class="percent">%</span></h5>
                    <div class="result"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div>
                  </div>
                  <div class="video"> </div>
                </div>
              </div>
            </li>
            <li>
              <div class="q3">
                <h3><a href="#" title="">Should the European Parliament use only one or two languages and stop using all others?</a></h3>
                <div class="vote">
                  <div class="yes">
                    <h4><a href="#" title="">Yes</a></h4>
                    <h5><span class="number2">2</span><span class="number2">5</span><span class="percent">%</span></h5>
                    <div class="result"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div>
                  </div>
                  <div class="no">
                    <h4><a href="#" title="">No</a></h4>
                    <h5><span class="number7">7</span><span class="number2">5</span><span class="percent">%</span></h5>
                    <div class="result"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div>
                  </div>
                  <div class="video"> </div>
                </div>
              </div>
            </li>
            <li>
              <div  class="q4">
                <h3><a href="#" title="">EU elections in June: Do they matter to you?</a></h3>
                <div class="vote">
                  <div class="yes">
                    <h4><a href="#" title="" class="">Yes</a></h4>
                    <h5><span class="number2">2</span><span class="number2">5</span><span class="percent">%</span></h5>
                    <ul class="result">
                      <li></li>
                    </ul>
                  </div>
                  <div class="no">
                    <h4><a href="#" title="">No</a></h4>
                    <h5><span class="number7">7</span><span class="number2">5</span><span class="percent">%</span></h5>
                    <div class="result"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div>
                  </div>
                  <div class="video"> </div>
                </div>
              </div>
            </li>
          </ol>
        </div>
      </div>
    </li>
  </ul>
</div>
</body>
</html>
